<template>
  <div class="stu-doc aaa">
    <dl>
      <dt>学习网站、论坛、模板等资料网</dt>
    </dl>
    <dd>
      <a target="_blank" href="https://www.matools.com/api/java8">
        <div class="select-box">
          <div class="img-box"><img src="https://www.matools.com/img/common/favicon.png" alt=""></div>
          <div class="java-title aaa-title"><span>java8</span>在线文档</div>
        </div>
      </a>
    </dd>
    <dd><a target="_blank" href="https://www.cnpython.com/">
      <div class="select-box">
        <div class="img-box"><img src="https://www.cnpython.com/static/style/images/logo.jpg" alt=""></div>
        <div class="python-title aaa-title"><span>python</span>中文网</div>
      </div>
    </a></dd>
    <dd>
      <a target="_blank" href="https://www.php.cn/">
        <div class="select-box">
          <div class="img-box"><img src="https://www.php.cn/favicon.ico" alt=""></div>
          <div class="stu-title aaa-title"><span>php</span> 中文网</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.w3cschool.cn">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[0]" alt=""></div>
          <div class="stu-title aaa-title"><span>W3Cschool</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.runoob.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[1]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 菜鸟教程</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.imooc.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[2]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 慕课网</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.twle.cn/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[3]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 简单教程</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.nowcoder.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[4]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 牛客网</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="http://www.kailing.pub/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[5]" alt=""></div>
          <div class="stu-title aaa-title"><span>KL</span> 博客</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://how2j.cn/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[6]" alt=""></div>
          <div class="stu-title aaa-title"><span>How2j</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="http://www.zuidaima.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[7]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 最代码</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://leetcode-cn.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[8]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 力扣</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://ke.qq.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[9]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 腾讯课堂</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.shiguangkey.com/">
        <div class="select-box">
          <div class="img-box"><img src="https://res.shiguangkey.com/res/images/pc_office.ico" alt=""></div>
          <div class="stu-title aaa-title"><span></span>潭洲课堂</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://study.163.com/">
        <div class="select-box">
          <div class="img-box"><img src="https://edu-image.nosdn.127.net/b42778566d104b7dbe330ff09a0c18c8.png?imageView&quality=100" alt=""></div>
          <div class="stu-title aaa-title"><span></span>网易云课堂</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://gitee.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[10]" alt=""></div>
          <div class="stu-title aaa-title"><span>码云 gitee</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.csdn.net/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[11]" alt=""></div>
          <div class="stu-title aaa-title"><span>CSDN</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.cnblogs.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[12]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 博客网</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://juejin.cn/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[13]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 掘金</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.jianshu.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[14]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 简书</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.oschina.net/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[15]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 开源中国</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://stackoverflow.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[16]" alt=""></div>
          <div class="stu-title aaa-title"><span>stackoverflow</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://segmentfault.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[17]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 思否</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.mlhub123.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[19]" alt=""></div>
          <div class="stu-title aaa-title"><span>mlhub123</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://github.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[18]" alt=""></div>
          <div class="stu-title aaa-title"><span>Github</span> </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.liaoxuefeng.com/">
        <div class="select-box">
          <div class="img-box"><img v-bind:src="src[20]" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 廖雪峰的官方网站</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://mx.paul.ren/">
        <div class="select-box">
          <div class="img-box"><img src="https://mx.paul.ren/usr/themes/fantasy-pro/static/img/icon.png" alt=""></div>
          <div class="stu-title aaa-title"><span></span>梦象</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="http://www.cssmoban.com/">
        <div class="select-box">
          <div class="img-box"><img src="http://www.cssmoban.com/favicon.ico" alt=""></div>
          <div class="stu-title aaa-title"><span></span> 模板之家</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.layui.com/">
        <div class="select-box">
          <div class="img-box" ><img src="https://www.layui.com/favicon.ico" alt=""></div>
          <div class="stu-title aaa-title"><span>Layui</span></div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://sc.chinaz.com/">
        <div class="select-box">
          <div class="img-box"><img src="https://sc.chinaz.com/favicon.ico" alt=""></div>
          <div class="stu-title aaa-title"><span></span>站长素材 </div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.mycodes.net/">
        <div class="select-box">
          <div class="img-box"><img src="https://www.mycodes.net/images/default/logo.gif" alt=""></div>
          <div class="stu-title aaa-title"><span></span>源码之家</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.luogu.com.cn/">
        <div class="select-box">
          <div class="img-box"><img src="https://img0.baidu.com/it/u=1800896666,1653376204&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
          <div class="stu-title aaa-title"><span></span>洛谷</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://bbs.bccn.net/">
        <div class="select-box">
          <div class="img-box"><img src="https://bbs.bccn.net/favicon.ico" alt=""></div>
          <div class="stu-title aaa-title"><span></span>编程论坛</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="http://doc.aldebaran.com/2-1/naoqi/index.html">
        <div class="select-box">
          <div class="img-box"><img src="https://img2.baidu.com/it/u=56500596,2308616312&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
          <div class="stu-title aaa-title">软银<span>Nao</span>机器人</div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="https://www.python123.io/">
        <div class="select-box">
          <div class="img-box"><img src="https://www.python123.io/images/nav_logo_v2.png" alt=""></div>
          <div class="stu-title aaa-title"><span>python123</span></div>
        </div>
      </a>
    </dd>
    <dd>
      <a target="_blank" href="http://idea.medeming.com/tongyong/">
        <div class="select-box">
          <div class="img-box"><img src="https://img1.baidu.com/it/u=4184330303,2003754060&fm=26&fmt=auto&gp=0.jpg" alt=""></div>
          <div class="stu-title aaa-title"><span>JetBrain</span>激活码下载</div>
        </div>
      </a>
    </dd>
  </div>
</template>

<script>
export default {
  name: 'stu-doc',
  data () {
    return {
      src: [
        require('../../../../../assets/stu-icon/w3c.png'),
        require('../../../../../assets/stu-icon/runn.png'),
        require('../../../../../assets/stu-icon/mooc.png'),
        require('../../../../../assets/stu-icon/jiand.png'),
        require('../../../../../assets/stu-icon/nk.png'),
        require('../../../../../assets/stu-icon/kl.png'),
        require('../../../../../assets/stu-icon/h2.png'),
        require('../../../../../assets/stu-icon/zdm.png'),
        require('../../../../../assets/stu-icon/likou.png'),
        require('../../../../../assets/stu-icon/txkt.png'),
        require('../../../../../assets/stu-icon/gtee.png'),
        require('../../../../../assets/stu-icon/csdn.png'),
        require('../../../../../assets/stu-icon/nk.png'),
        require('../../../../../assets/stu-icon/jj.png'),
        require('../../../../../assets/stu-icon/js.png'),
        require('../../../../../assets/stu-icon/kyzg.png'),
        require('../../../../../assets/stu-icon/st.png'),
        require('../../../../../assets/stu-icon/sf.png'),
        require('../../../../../assets/stu-icon/gith.png'),
        require('../../../../../assets/stu-icon/ml.png'),
        require('../../../../../assets/stu-icon/lxf.png')
      ]
    }
  }
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/t5.scss";
</style>
